// 背景图片
@mixin bg-image($url) {
  background-image: url($url+"@2x.png");

  @media(-webkit-min-device-pixel-ratio:3),
  (min-device-pixel-ratio:3) {
    background-image: url($url+"@3x.png");
  }
}

// 禁止折叠
@mixin no-wrap() {
  text-overflow: ellipsis;
  overflow     : hidden;
  white-space  : nowrap;
}

// 拓展小图标按钮的点击区域
@mixin extend-click() {
  position: relative;

  &:before {
    content : '';
    position: absolute;
    top     : -10px;
    left    : -10px;
    right   : -10px;
    bottom  : -10px;

  }
}